<template>
    <div class="school">
        <h2>学校名称:{{name}}</h2>
        <h2>学校地址：{{address}}</h2>
    </div>
</template>

<script>
    import pubsub from 'pubsub-js'
export default {
    name:"SchoolInfo",
    data(){
        return{
            name:"辽宁大学",
            address:"沈阳市"
            
        }
    },
    mounted(){
        // 全局事件总线，x放在了vue的原型上，vc顺着原型链找到了x
        // console.log('School',this.x)
        // this.$bus.$on('hello',(data)=>{ //使用全局事件总线
        //     console.log('我是School组件，收到了数据',data)
        // })
        this.pubId = pubsub.subscribe('hello',function(msgName,data){
            console.log('有人发布了hello消息，hello消息的回调执行了',msgName,data)
        })
    },
    beforeDestroy(){
        // this.$bus.$off('hello')//销毁hello
        pubsub.unsubscribe(this.pubId)
        
    }
}
</script>
<style scoped>
    .school{
        background-color: pink;
        padding: 5px;
    }
</style>